<template>
  <div style="margin: 30px; width: 50px; background-color: darkorchid"/>
  <my-list :items="items" :title="title" :column="2"/>
</template>

<script setup>
import {shallowRef} from "vue";
import {MINIO_HOST} from "@/const";
import {dateFormat} from "@/util";
import MyList from "@/components/MyList";
let title = '测试标题';
let items = shallowRef([
  {label: '标签01', value: 1, type: 'tag' , prefix: 'No.'},
  {label: '标签02', value: 2, type: 'tag' , prefix: 'No.', tagType: 'danger'},
  {label: '头像01', value: '195300.png', type: 'img' , minio: src => MINIO_HOST + '/test/' + '屏幕截图 2024-03-16 195300.png'},
  {label: '头像02', value: '195300.png', type: 'img' , minio: src => MINIO_HOST + '/test/' + '屏幕截图 2024-03-16 195300.png', large: true},
  {label: '文字01', value:'标题',},
  {label: '文字02', value:'标题', prefix: '《', suffix: '》'},
  {label: '描述', value:'这里是我的', type: 'card', span: 2},
  {label: '评分', value: 1, type: 'star'},
  {label: '创建日期', value: new Date(), format: dateFormat},
]);
</script>

<style scoped lang="scss">

</style>